<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
  <title>Dapenson 导航</title>

  <link rel="shortcut icon" href="./favicon.ico" />
  <link rel="icon" href="./favicon.ico" />

  <meta name="Keywords" content="Dapenson" />
  <meta name="Description" content="Dapenson导航,使用北邮人导航源码进行DIY" />
  <link href="./css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="./css/frontstyle.css" />
  <script src="./assets/js/jquery-3.1.0.min.js"></script>
  <script src="./assets/js/jquery-migrate-3.0.0.min.js"></script>
  <style type="text/css">
    body {
      background-image: url("https://s21.ax1x.com/2024/05/23/pkQ32on.jpg");

      z-index: -1;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      height: 100%;
      width: 100%;
    }
  </style>
  <!-- 百度统计 -->
  <script>
    var _hmt = _hmt || [];
    (function () {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?e3aec79957c1fa3c4edc2902f52b19b9";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();


    window.onload = function () {
      document.querySelector("#search").focus();
    }
  </script>

</head>

<body>
  <!--
	作者：i@zhangxingqiu.cn
	时间：2016-10-04
	描述：原来的蓝色背景顶部导航
-->
  <div class="hidden-xs">
    <ul class="nav nav-tabs navbar-static-top" role="navigation">
      <div id="header">
        <a class="LOGO1" href="https://site.z-cy.cn/"><img id="zb" src="./images/logo7.png" alt="Dapenson导航" /></a>
        <!-- <a href="http://beiyouren.zhangxingqiu.cn/blog/?id=24" target="_blank" class="yb">壁纸投稿</a> -->
        <a href="http://z-cy.cn/" target="_blank" class="yb">
          <h3>博客</h3>
        </a>
      </div>
    </ul>
  </div>
  <div class="container">

    <!-- 和风天气插件 -->
    <div id="he-plugin-simple"></div>
    <script>
      WIDGET = {
        CONFIG: {
          "modules": "0241",
          "background": 5,
          "tmpColor": "4A4A4A",
          "tmpSize": 16,
          "cityColor": "4A4A4A",
          "citySize": 16,
          "aqiSize": 16,
          "weatherIconSize": 24,
          "alertIconSize": 18,
          "padding": "10px 10px 10px 10px",
          "shadow": "1",
          "language": "zh",
          "borderRadius": 5,
          "fixed": "true",
          "vertical": "middle",
          "horizontal": "center",
          "left": "20",
          "top": 50,
          "key": "471f1defbe5d48cebc45c8e90a3682af"
        }
      }
    </script>
    <script src="https://widget.heweather.net/simple/static/js/he-simple-common.js?v=1.1"></script>

    <!--
  	作者：i@zhangxingqiu.cn
  	时间：2016-10-20
  	描述：仅在屏幕尺寸小于 768px 可见
  -->
    <div class="visible-xs">
      <div class="row sLOGO">
        <div class="col-xs-6 col-xs-offset-3">
          <a href="./index.html"><img id="LOGO" src="./images/logo7.png" alt="Responsive image" /></a>
          <br />
        </div>
      </div>
    </div>
    <!--
  	作者：i@zhangxingqiu.cn
  	时间：2016-10-20
  	描述：仅在屏幕尺寸大于 768px 可见
  -->
    <div class="hidden-xs">
      <div class="row LOGO">
        <div class="col-lg-4 col-lg-offset-4 col-md-5 col-md-offset-3 col-xs-5 col-xs-offset-3">
          <a href="./index.html"><img id="LOGO" src="./images/logo-Dapenson.png" alt="Responsive image" /></a>
        </div>
      </div>
    </div>
    <p></p>
    <div class="input-group input-group-lg">
      <span class="input-group-addon">搜索</span>
      <form action="https://www.baidu.com/s" method="get" target="_blank">
        <input type="text" class="form-control" name="wd" id="search" placeholder="默认百度" baidusug="2" value="" />
      </form>
    </div>
    <p> </p>
    <center id="search-btns">
    </center>
    <p></p>
    <!--
	作者：i@zhangxingqiu.cn
	时间：2016-10-04
	描述：搜索框完
-->
    <br />
    <br />
    <div class="visible-xs">
      <div class="jumbotron">
        <!-- 2020.01.22 更新，上线疫情动态图 -->
        <!-- <p id="zhongjian1">美好的生活从新的壁纸开始--更新于2020年03月04日</p> -->
      </div>
    </div>
    <br />
    <br />
    <div class="hidden-xs">
      <br />
      <br />
      <br />
      <br />
      <center>

      </center>
      <br />
      <br />
    </div>
  </div>
  <div class="container">
    <table class="table table-responsive  table-striped table-bordered table-hover acitve ">
      <thead>
        <tr class="center">
          <th id="dingbu" colspan="5">浏览</th>
          <th id="dingbu" colspan="5">工具 </th>
        </tr>
      </thead>
      <tbody>
        <tr style="background: rgba(45, 43, 43, 0.43);">
          <td align="center" id="fenlei">AI</td>
          <td align="center"><a href="https://kimi.moonshot.cn/" target="_blank" id="lianjie">kimi</a></td>
          <td align="center"><a href="https://xinghuo.xfyun.cn/desk" target="_blank" id="lianjie">讯飞</a></td>
          <td align="center"><a href="https://tongyi.aliyun.com/qianwen/" target="_blank" id="lianjie">通义</a></td>
          <td align="center"><a href="https://chat.openai.com/chat" target="_blank" id="lianjie">ChatGPT</a></td>
          <!-- <td align="center"><a href="http://gouwu.hao123.com/" target="_blank">更多</a></td>-->
          <td align="center" id="fenlei">邮箱</td>
          <td align="center"><a href="https://mail.qq.com/" target="_blank" id="lianjie">腾讯邮箱</a></td>
          <td align="center"><a href="http://email.163.com/" target="_blank" id="lianjie">网易邮箱</a></td>
          <td align="center"><a href="https://mail.google.com/" target="_blank" id="lianjie">谷歌邮箱</a></td>
          <td align="center"><a href="https://mail.aliyun.com/" target="_blank" id="lianjie">阿里邮箱</a></td>
        </tr>
      </tbody>
      <tbody>
        <tr style="background: rgba(45, 43, 43, 0.43);">
          <td align="center" id="fenlei">影音</td>
          <td align="center"><a href="https://www.bilibili.com/" target="_blank" id="lianjie">哔哩哔哩</a></td>
          <td align="center"><a href="https://music.163.com/" target="_blank" id="lianjie">网易云</a></td>
          <td align="center"><a href="http://www.y80s.tw/" target="_blank" id="lianjie">y80s</a></td>
          <td align="center"><a href="https://www.youtube.com/" target="_blank" id="lianjie">YouTube</a></td>
          <!--<td align="center"><a href="http://www.hao123.com/video" target="_blank">更多</a></td>-->
          <td align="center" id="fenlei">Code</td>
          <td align="center"><a href="https://github.com/" target="_blank" id="lianjie">Github</a></td>
          <td align="center"><a href="https://gitee.com/" target="_blank" id="lianjie">Gitee</a></td>
          <td align="center"><a href="https://coding.net/" target="_blank" id="lianjie">coding</a></td>
          <td align="center"><a href="https://dapenson.cloudstudio.net/dashboard/workspace" target="_blank"
              id="lianjie1">远程工作台</a></td>
        </tr>
      </tbody>
      <tbody>
        <tr style="background: rgba(45, 43, 43, 0.43);">
          <td align="center" id="fenlei">社交</td>
          <td align="center"><a href="http://weibo.com/" target="_blank" id="lianjie">微博</a></td>
          <td align="center"><a href="https://www.zhihu.com/" target="_blank" id="lianjie">知乎</a></td>
          <td align="center"><a href="https://mp.weixin.qq.com/cgi-bin/home?t=home/" target="_blank"
              id="lianjie">公众号</a></td>
          <td align="center"><a href="https://mp.weixin.qq.com/wxamp/home/" target="_blank" id="lianjie">小程序</a></td>
          <!-- <td align="center"><a href="http://www.hao123.com/shequ" target="_blank">更多</a></td>-->
          <td align="center" id="fenlei">工具</td>
          <td align="center"><a href="http://fanyi.youdao.com/" target="_blank" id="lianjie1">有道翻译</a></td>
          <td align="center"><a href="https://sleepeatcode.com/ghtoc" target="_blank" id="lianjie">md目录生成</a></td>
          <td align="center"><a href="http://suo.im/" target="_blank" id="lianjie">短链生成</a></td>
          <td align="center"><a href="https://filehelper.weixin.qq.com/" target="_blank" id="lianjie">微信文件网页</a></td>
        </tr>
      </tbody>
      <tbody>
        <tr style="background: rgba(45, 43, 43, 0.43);">
          <td align="center" id="fenlei">资讯</td>
          <td align="center"><a href="http://news.163.com/" target="_blank" id="lianjie">网易新闻</a></td>
          <td align="center"><a href="http://news.qq.com/" target="_blank" id="lianjie">腾讯新闻</a></td>
          <td align="center"><a href="http://www.toutiao.com/" target="_blank" id="lianjie">今日头条</a></td>
          <td align="center"><a href="http://weixin.sogou.com/" target="_blank" id="lianjie">微信热门</a></td>
          <!--<td align="center"><a href="http://www.hao123.com/video" target="_blank">更多</a></td>-->
          <td align="center" id="fenlei">String</td>
          <td align="center"><a href="https://www.json.cn/?tdsourcetag=s_pcqq_aiomsg" target="_blank"
              id="lianjie">Json格式化</a></td>
          <td align="center"><a href="http://dapenson.icu/n/tool-jekyll-post/" target="_blank" id="lianjie">博文导出</a>
          </td>
          <td align="center"><a href="https://arduinojson.org/v6/assistant/" target="_blank"
              id="lianjie">ArduinoJson</a></td>
          <td align="center"><a href="https://regex101.com/" target="_blank" id="lianjie">正则验证</a></td>
        </tr>
      </tbody>
      <tbody>
        <tr style="background: rgba(45, 43, 43, 0.43);">
          <td align="center" id="fenlei">创客</td>
          <td align="center"><a href="https://wokwi.com/" target="_blank" id="lianjie">在线仿真</a></td>
          <td align="center"><a href="https://create.arduino.cc/projecthub" target="_blank" id="lianjie">Arduino项目</a>
          </td>
          <td align="center"><a href="https://shumeipai.nxez.com/" target="_blank" id="lianjie">树莓派</a></td>
          <td align="center"><a href="https://www.instructables.com/workshop/" target="_blank"
              id="lianjie">instructables</a></td>
          <!--<td align="center"><a href="http://www.hao123.com/video" target="_blank">更多</a></td>-->
          <td align="center" id="fenlei">查询</td>
          <td align="center"><a href="https://zijian.aliyun.com/?spm=5176.100251.0.0.5fb54f15mPPLsC#/domainDetect"
              target="_blank" id="lianjie">DNS检测 </a></td>
          <td align="center"><a href="https://tool.chinaz.com/port" target="_blank" id="lianjie">端口扫描</a></td>
          <td align="center"><a href="https://www.kuaidi100.com/" target="_blank" id="lianjie">快递查询</a></td>
          <td align="center"><a href="https://www.amap.com/" target="_blank" id="lianjie">高德地图</a></td>
        </tr>
      </tbody>
      <tbody>
        <tr style="background: rgba(45, 43, 43, 0.43);">
          <td align="center" id="fenlei">3D</td>
          <td align="center"><a href="https://www.thingiverse.com/" target="_blank" id="lianjie">thingiverse</a></td>
          <td align="center"><a href="https://free3d.com/" target="_blank" id="lianjie">free3d</a></td>
          <td align="center"><a href="https://grabcad.com/library" target="_blank" id="lianjie">grabcad</a></td>
          <td align="center"><a href="https://www.3dcontentcentral.cn/" target="_blank" id="lianjie">SW模型库</a></td>
          <td align="center" id="fenlei">办公</td>
          <td align="center"><a href="https://www.processon.com/" target="_blank" id="lianjie">流程图</a></td>
          <td align="center"><a href="https://app.tmp.link/?tmpui_page=/" target="_blank" id="lianjie">文件中转</a></td>
          <td align="center"><a href="https://www.91sotu.com/" target="_blank" id="lianjie">搜图集合</a></td>
          <td align="center"><a href="https://cn.office-converter.com/" target="_blank" id="lianjie">格式转换</a></td>
        </tr>
      </tbody>
    </table>
    <!--作者：i@zhangxingqiu.cn
           时间：2016-10-07
           描述：这里是根据设备尺寸选择自动隐藏的内容
                        -->
    <div class="hidden-xs">
      <!--
    	作者：i@zhangxingqiu.cn
    	时间：2016-10-05
    	描述：北邮校园导航相关网址
    -->
    </div>
    <table>
    </table>
    <table class="table table-striped table-bordered table-hover active">
      <thead>
        <tr class="active center">
          <th id="dingbu">Others</th>
          <td align="center"><a href="https://www.soukuzhan.com/" target="_blank" id="lianjie">搜酷站</a></td>
          <td align="center"><a href="http://www.alloyteam.com/nav/" target="_blank" id="lianjie">前端导航</a></td>
          <td align="center"><a href="http://z-cy.cn" target="_blank" id="lianjie1">我的博客</a></td>
          <td align="center"><a href="https://oktools.net/" target="_blank" id="lianjie">OKTools</a></td>
          <td align="center"><a href="http://www.carrotchou.blog/" target="_blank" id="lianjie">胡萝卜周</a></td>
          <td align="center"><a href="http://tool.mkblog.cn/" target="_blank" id="lianjie">孟坤工具箱</a></td>
          <td align="center"><a href="https://www.deepl.com/translator" target="_blank" id="lianjie">智能翻译</a></td>
          <td align="center"><a href="https://tool.lu/" target="_blank" id="lianjie">程序员工具箱</a></td>
          <td align="center"><a href="https://github.com/byrwiki/byrwiki" target="_blank" id="lianjie">网站源码</a> </td>
        </tr>
      </thead>
    </table>
  </div>
  <ul class="nav nav-tabs" "=""> 
   <div id=" footer">
    <center>
      <div id="jnkc">
        <script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());", 1000);
          // 点击事件
          document.getElementById("jnkc").onclick = function () {
            let url = window.location.href + "tools/showTime.html";
            window.open(url);
          }
        </script>
      </div>

    </center>
    </div>
  </ul>



  <!--
	作者：i@zhangxingqiu.cn
	时间：2016-10-20
	描述：搜索完整代码
-->
  <script charset="gbk" src="assets/js/baidu.js"></script>
  <script>

    /**
     * modified @ 02/09/2019
     * by Yanqing Wang (wangyanqingchn@gmail.com)
     * 
     * 获取 config 文件（config.json）的数据并据其添加搜索按钮
     *
     * config 文件的配置方法：
     *   1. name: 显示在按钮上的文字
     *   2. id: HTML 页面中该按钮对应的 id 属性
     *   3. color: 可选属性。对应搜索按钮的颜色。可选：primary（默认）, secondary,
     *      success, danger, warning, info, light, dark, white。详情可参考：
     *      Bootstrap 文档：https://getbootstrap.com/docs/4.0/utilities/colors/
     *   4. queryUrl: 相应站点的搜索路径，其中 "{}" 将被搜索框中的关键词替代
     *   5. display: 可选属性，若设置为 false 则不渲染该按钮，若设置为 true 则
     *      渲染该按钮。若不设置此属性，则默认进行渲染。
     */
    $.getJSON('./config/config.json', function (configData) {
      let sites = configData['sites'];
      $.each(sites, function (i, site) {
        if ('display' in site && site.display === false) {
          return true;
        }
        $("#search-btns").append(`
          <input
            type="submit"
            value="${site.name}"
            id="${site.id}"
            button
            type="button"
            class="btn btn-${'color' in site ? site.color : 'primary'}"
          />
        `);
        $("#" + site.id).click(function () {
          let searchUrl = site.queryUrl.replace("{}", $('#search').val());
          if (searchUrl) {
            window.open(searchUrl, "_blank");
            return false;
          }
        })
      })
    });



  </script>
  <link type="text/css" rel="stylesheet" href="./css/myRewards.css" />

</body>

</html>